<ul class="pagination pagination-sm no-margin pull-right">
	<li><a class="first">首页</a></li>
	<li><a class="pre">上一页</a></li>
	<li><a class="next">下一页</a></li>
	<li><a class="last">尾页</a></li>
	<li><a class="rowCount">总记录数(0)</a></li>
	<li><a class="pageCount">总页数(0)</a></li>
	<li><a class="pageCurrent">当前页(1)</a></li>
</ul>
<script type="text/javascript">
	function doSetPagination(page) {
		//console.log("page:",page);
		// 1.初始化数据 
		// 1.1 总记录数
		$(".rowCount").html("总记录数(" + page.rowCount + ")");
		// 1.2 总页数
		$(".pageCount").html("总页数(" + page.pageCount + ")");
		// 1.3 当前页 
		$(".pageCurrent").html("当前页(" + page.pageCurrent + ")"); 
		// 2.存储当前页码值和总页数
		// data函数为jQuery中的数据绑定函数
		// data函数语法data(key,[value]) 只有key时,取value;有key和value时,将value绑定到key中
		$("#pageId").data("pageCurrent", page.pageCurrent);//data函数做一些值的绑定 
		$("#pageId").data("pageCount", page.pageCount);
	}
	$(function() {
		// 事件注册
		// 在 pageId对象上注册click事件
		// 点击pageId对象内容的first,pre等元素时,执行doJumpToPage事件处理
		$("#pageId").on("click", ".first,.pre,.next,.last", doJumpToPage);
	
		
	})
	function doJumpToPage() {
		// 1.获取点击对象的class属性值
		// prop函数的语法prop(属性名,[属性值])  只有属性名时,取属性值.既有名和值时,为名赋值
 		var cls = $(this).prop("class");//this:当前被点击的对象  prop函数:为jQuery中获取对象属性的一个函数 
 		
		// 2.基于class属性值修改当前页码值
		// 2.1 获取当前页码值
		var pageCurrent=$("#pageId").data("pageCurrent");
		var pageCount=$("#pageId").data("pageCount");
		//console.log(pageCurrent,pageCount);
		// 2.2 修改页码值 
		if(cls == "first"){
			pageCurrent=1;
		} else if (cls == "next" && pageCurrent < pageCount){
			pageCurrent++;
		} else if (cls == "pre" && pageCurrent>1){
			pageCurrent--;
		} else if (cls == "last"){
			pageCurrent=pageCount;
		} else {
			return;
		}
		// 3.基于新的页码值执行查询操作
		$("#pageId").data("pageCurrent", pageCurrent);
		doGetObjects();
	}
</script>






